<template>
  <div class="page-box">
    <data-list
      :pageInfo="pager"
      placeholder="请输入进驻园区"
      :listData="tableData"
      searchName="parkName"
      :menuList="['add',{export:'导出'}]"
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center" @selection-change="$event => (multipleSelection = $event)" :span-method="objectSpanMethod">
        <el-table-column label="年度" align="center" prop="year" width="100px"></el-table-column>
        <el-table-column label="进驻园区" align="center" prop="parkName"></el-table-column>
        <el-table-column label="进驻公司名称" align="center" prop="companyName"></el-table-column>
        <el-table-column label="合同期限" align="center" prop="companyName">
          <template slot-scope="scope">{{scope.row.contractStartTm}}-{{scope.row.contractEndTm}}</template>
        </el-table-column>
        <el-table-column label="承租面积(m²)" prop="leaseArea" align="center"></el-table-column>
        <el-table-column label="月租金(元/月)" prop="monthRent" align="center"></el-table-column>
        <el-table-column width="200px" label="操作">
          <template slot-scope="scope">
            <div style="float:left">
              <el-button type="text" @click=" $router.push({name: 'editExam', params: { 'isEdit': scope.row.assessIndustrialId}})">编辑</el-button>
            </div>
            <div style="float:left">
              <span class="btn-line"></span>
              <el-button type="text" @click="del(scope.row)">删除</el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </data-list>
    <assess-industrial-add ref="assessIndustrialAdd1"></assess-industrial-add>
    <assess-industrial-edit ref="assessIndustrialEdit1"></assess-industrial-edit>
    <client ref="client"></client>
  </div>
</template>
<script src="./list.js"></script>
<style scoped lang="scss">
.el-row {
  padding: 5px;
}
</style>



